/* --- 1. FULL CALENDAR CUSTOMIZATION -----------------
 * 1.1 Full calendar title
 * 1.2 Full calendar header button
 * 1.3 Full calendar table content
 * 1.4 Remove left,right & bottom border
 * ======================================================================================================================*/
/* 1.1 Full calendar title */
.fc-header-title h2 {
    font-size: 16px;
    margin-bottom: 0;
}

/* 1.2 Full calendar header button */
.fc-header tr {
    background: #f5f5f5;
    background: url();
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .9);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .9);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .9);
}
.fc-header .fc-header-left .fc-button-prev,
.fc-header .fc-header-left .fc-button-next,
.fc-header .fc-header-left .fc-button-today,
.fc-header .fc-header-right .fc-button-month,
.fc-header .fc-header-right .fc-button-agendaWeek,
.fc-header .fc-header-right .fc-button-agendaDay {
    background: none;
    border: none;
    margin: 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    min-height: 40px;
}
.fc-button.ui-state-active,
.fc-header .fc-header-left .fc-button-prev.ui-state-down,
.fc-header .fc-header-left .fc-button-next.ui-state-down,
.fc-header .fc-header-left .fc-button-today.ui-state-down,
.fc-header .fc-header-right .fc-button-month.ui-state-down,
.fc-header .fc-header-right .fc-button-agendaWeek.ui-state-down,
.fc-header .fc-header-right .fc-button-agendaDay.ui-state-down {
    background: #f5f5f5 !important;
    -moz-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.fc-header .fc-header-space {
    display: none;
}
.fc-header .fc-header-left .fc-button-prev,
.fc-header .fc-header-left .fc-button-next,
.fc-header .fc-header-left .fc-button-today {
    border-right: 1px solid #ccc;
}
.fc-header .fc-header-right .fc-button-month,
.fc-header .fc-header-right .fc-button-agendaWeek,
.fc-header .fc-header-right .fc-button-agendaDay {
    border-left: 1px solid #ccc;
}
.fc-header .fc-button-inner .fc-button-content {
    margin-top: 10px;
}

/* 1.3 Full calendar table content */
.fc-border-separate tr th.ui-widget-header {
    border-color: #ccc;
    text-transform: uppercase;
    padding: 7px 0;
    background: #f5f5f5;
    background: url();
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .8);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .8);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.fc-border-separate tr td {
    border-color: #ccc;
}

/* 1.4 Remove left,right & bottom border */
.fc-border-separate tr td:first-child,
.fc-border-separate tr th:first-child {
    border-left: none;
}
.fc-border-separate tr td:last-child,
.fc-border-separate tr th:last-child {
    border-right: none;
}
.fc-border-separate tr:last-child td {
    border-bottom: none;
}

/* 1.5 Highlight */
.fc-border-separate .ui-state-highlight {
    background: #eee;
}
/* --- 2. FULL CALENDAR PRINT CUSTOMIZATION -----------------
 * 2.1 Event Skin
 * 
 * ======================================================================================================================*/
/* 2.1 Event Skin */
.fc-event-skin {
    background: #338cdf !important;
	background-image: -webkit-linear-gradient(top, #59aaf4, #338cdf) !important;
	background-image: -moz-linear-gradient(top, #59aaf4, #338cdf) !important;
	background-image: -o-linear-gradient(top, #59aaf4, #338cdf) !important;
	background-image: linear-gradient(to bottom, #59aaf4, #338cdf) !important;
	color: white !important;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3) !important;
}

/* --- LANDSCAPE PHONE AND DOWN ---
 *
 * ====================================================================================================================== */
@media (max-width: 480px) {
	/* 1.1 Full calendar title */
	.fc-header-title h2 {
		font-size: 14px;
	}
	
	/* 1.2 Full calendar header button */
	.fc-header-left,
	.fc-header-center,
	.fc-header-right {
		display: block;
	}
	.fc-header-left {
		text-align: left;
	}
	.fc-header-right {
		text-align: right;
	}
	.fc-header-center {
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	.fc-header .fc-header-right .fc-button-month,
	.fc-header .fc-header-right .fc-button-agendaWeek,
	.fc-header .fc-header-right .fc-button-agendaDay {
		border-right: 1px solid #CCC;
		border-left: none;
	}
}